textarea{display: block;}
#slider{height:8em}
.origin{position: absolute;left: 50%;bottom: 0em;z-index: 999;width: 2.7em;height:1em;margin-left: -1.4em;}
.castlist{margin-bottom: 3em;}
.castlist.on{margin-bottom: 0 !important;}
  .origin ul li{float: left;width:.5em;height: .5em;border-radius: 100%; background-color: rgba(0,0,0,.5);margin: 0 .2em;}
  .origin ul li.on{background-color: #fff}
#slider .utra.focus.bc-head{display: none !important;}
.mynest{height: auto;overflow: hidden;border-bottom: .7em solid #f5f5f5;border-top: .7em solid #f5f5f5;}
.nestlist{border-bottom: .7em solid  #f5f5f5;}
 .title{padding: .7em 5%;border-bottom: 1px solid #dcdcdc;}
.mynest .myname{width: 70%;margin:.7em auto;background-image: url(../images/tj.png);background-size: contain;background-repeat:no-repeat;background-position:left center;height: auto;overflow: hidden;}
 #ts{position: absolute;color: #666;}
.mynest .myname .ts{padding-left: 20%}

.pb{/* border-bottom: 5em solid #000; */margin-bottom: 5em;}
.pb1{/* border-bottom: 2.5em solid red; */margin-bottom: 3em;}
.pb2{/* border-bottom: 22em solid #666;color: red; */margin-bottom: 22em;}

.nestlist ul li{height:auto;overflow: hidden; padding: .7em 5%;border-bottom: 1px solid #dcdcdc;}
.nestlist ul li:last-child{border-bottom: none;}
.nestlist ul li .img{width: 3em;height: 3em;border-radius: 100%;float: left; background-size: contain;background-repeat:no-repeat;background-position:center;}
.nestlist ul li .name{float: left;padding: .35em 0 .35em .45em;width: 80%}
.nestlist ul li h1{height: 1.2em;overflow: hidden;}

.nestlist ul li h2{color: #666;font-size: .8em;margin-top: .25em;height: 1.2em;overflow: hidden;}


.add_content{background-color: #fff;margin-top: .7em;padding: .7em 5%}
.issue{border-bottom: 1px solid #dcdcdc;padding: .7em 0}
.placeholder9 input:-moz-placeholder { 
    color: #999999;  
}
.avater{width: 4em;}
.placeholder9 input::-moz-placeholder {
    color: #999999;
}

.placeholder9 input:-ms-input-placeholder
{
    color: #999999;
}

.placeholder9 input::-webkit-input-placeholder
 {
    color: #999999;
}

.add_content input{width: 100%;padding: .7em 0;}
.hint{color: red;position: absolute;right: 0;top:1em;font-size: .8em;}
.ic-time{text-align: center;padding: .3em 0}

/* 聊天 */
.chatsend {height:100%;overflow: hidden;padding: 0 5%}
.chatsend span{font-size: 2em;display: block;float: left;height: 100%;line-height: 1.7em;color: #666;}
.chatsend textarea{position: absolute;left: 0;bottom: .3em;border: none;width: 10em;margin: 0 .5em;border-bottom: 1px solid #dcdcdc; }
.broadcast{width:90%; padding: .7em 5%;background: #fff;position:fixed;left: 0;top:0;z-index: 999}
.broadcast .ts{height: 3.5em;overflow: hidden;padding-left:4em; background-image: url(../images/gb.png);background-size: contain;background-repeat:no-repeat;background-position:left center;}
.broadcast .ts div{
    font-size: .9em;color: #666;margin-top: .3em;
     width:90%;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    }

.castlist{padding: .7em  5%}
.castlist li{height: auto;overflow: hidden;}
.castlist .name{height: auto;overflow: hidden;line-height: 1.8em;margin: .5em 0}
.castlist .name img{width: 1.8em;height: 1.8em;border-radius: 100%;display: block;float: left;margin-right: .3em;}
.vip{background-image: url(../images/vip.png);background-size: contain;background-repeat:no-repeat;background-position:left center;width: .7em;height: .7em;display: inline-block;}
.jewel{background-image: url(../images/gf.png);background-size: contain;background-repeat:no-repeat;background-position:left center;width: .7em;height: .7em;display: inline-block;}
.newscontent{background: #fff;padding: .5em .7em;display: inline-block;margin-left: 1.8em;border-radius: .3em;position: relative;max-width: 65%}
.newscontent.on{max-width: 20% !important}

.rest .newscontent:before{ content: "";display: block; width:0; 
    height:0; 
    border-top:.3em solid transparent;
    border-bottom:.3em solid transparent; 
    border-right:.3em solid #fff;position: absolute;left: -0.25em;top:.8em;}
    .castlist .time{text-align: center;height: auto;overflow: hidden;padding: .7em 0}


    .myself .name img{float: right;}
     .myself .name .names{float: right; margin-right: .3em;}
     .myself .mycontent {height: auto;overflow: hidden;}
    
/*     .myself .mycontent .avater{max-width:60%} */


     .myself .mycontent .newscontent{float: right;margin-left: 0;margin-right: 1.8em;}
      .myself .newscontent:after{ content: "";display: block; width:0; 
    height:0; 
    border-top:.3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid #fff;position: absolute;right: -0.25em;top:.8em;}

    .nestname{margin-top: .7em;padding: .7em 5%;background-color: #fff;}

   .nestname .tit span{float: right;color: #666;font-size: .85em;}
 .nestname ul{height: auto;overflow: hidden;padding-bottom: .7em;border-bottom: 1px solid #dcdcdc;}
            .nestname li{background-size: contain;background-repeat:no-repeat;background-position:center;float: left;width:2.5em;height: 2.5em;margin-top: .7em;margin-right: .5em;border-radius: 100%}
     .nestname input[type="checkbox"],.nestname input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
    margin: 2px 0 0
}
.off {height: 1.5em;line-height: 1.5em;padding-top: .7em}
.off em{width: 3em;height:1.5em;display: inline-block;float: right;}

.e-range {
    position: relative;
    height: 1.5em;
    width:3em;
    border-radius:1.2em;
    background: #666;
   display: inline-block;
}

.e-range:before {
    content: "";
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0px;
   
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.e-range.open {


    background-color:#33cccc
}

.e-range.open:before {
left: 1.5em
}



.introduce{margin-top: .7em;padding: .7em 5%;background-color: #fff;}
.introduce .tit span{float: right;color: #666;}
.introduce p{color: #666;font-size:.9em;}

.heads{background-image: url(../images/bj.png);background-size: 100%;background-repeat:no-repeat;background-position:center;padding-top:1.5em;height: auto;overflow: hidden;}
.heads img{display: block;width: 4em;height: 4em;border-radius: 100%;margin: 0 auto;}
.heads .names{margin-top: .5em;text-align: center;color: #fff;margin-bottom: .7em;}
.nestname.nestname_det{margin-top: 0;}
.nestname_det .tit{padding: .7em 0;border-bottom: 1px solid #dcdcdc;  }
.nestname_det .tit:last-child{border-bottom: none;padding-bottom: 0;}
.nestname.nestname_det.message{margin-top: .7em;}
.nestname.nestname_det.message .off{padding-bottom: .7em ;border-bottom: 1px solid #dcdcdc; }

.introduce .blacklist{padding-bottom: .7em;border-bottom: 1px solid #dcdcdc;}


.administrator .admin{padding: .7em 0;border-bottom: 1px solid #dcdcdc;}

.adminlist li{padding: .7em 0;border-bottom: 1px solid #dcdcdc;height: 2.5em;line-height: 2.5em}
.adminlist li .img{width: 2.5em;height: 2.5em;display: block;float: left;margin-right: .5em;}

.adminadd{padding: .7em 0;height: 2.5em;line-height: 2.5em;border-bottom: 1px solid #dcdcdc;}
.adminadd .iconfont{font-size: 2.3em;color: #eceded;float: left;line-height: 1em;margin-right: .2em;}
.seek{border: 1px solid #dcdcdc;margin: .7em auto;border-radius: .8em;height: 1.5em;background-image: url(../images/jz.png);background-size:1em;background-repeat:no-repeat;background-position:.8em center;overflow: hidden;}
.seek input{width:85%;margin-left: 15%;height: 100%;font-size: .85em;line-height: 1.5em}

.adminlist dt{background-color: #f5f5f5;padding: .7em 5%}
.adminlist dd{padding: .7em 5%;border-bottom: 1px solid #dcdcdc;height: 2.5em;line-height: 2.5em;}
.adminlist dd .img{width: 2.5em;height: 2.5em;display: block;float: left;margin-right: .5em;}
.adminlist dd .img img{border-radius: 100%}

.shade{background-color: rgba(0,0,0,.5);width: 100%;height: 100%}
.shade_content{position: absolute;width: 100%;top:50%;margin-top: -4.1em;}
.shade_content dl{height: auto;overflow: hidden;padding: 1em 0 0;border-radius: .5em}
.shade_content dl dd{width: 50%;float: left;text-align: center;height: 3em;line-height: 3em;color: #2182f8;font-weight: bold;}
.shade_content dl dd .img{background-size: contain;background-repeat:no-repeat;background-position:top center;}
.shade_content dl dd .name{margin-top: .7em}
.shadename{text-align: center;font-weight: bold;padding: 1em 0 2em;border-bottom: 1px solid #dcdcdc}
.cancel{margin: .7em auto;text-align: center;padding: .7em 0;border-radius: .5em}

.blacklist_list .brname{float: left;}
.add_romove{float: right;}
.add_romove span{padding: .5em .7em;color: #dcdcdc;border: 1px solid #dcdcdc;font-size: .75em;border-radius: .3em}
.add_romove span:last-child{margin-left:1em;}
.add_romove span.on{background-color: red;color: #fff;border: 1px solid red}

.notice_content ul{padding: .7em 0}
.notice_content .date{text-align: center;font-size: .85em;color: #666;}
.notice_content .date p{margin: .4em}
.notice_ms{padding: .7em;background: #fff}
.notice_ms h1{text-align: center;font-weight: bold;}
.notice_ms div{
    padding: .7em 0;
     width:90%;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
    }


.compile_notice_content label{padding: .7em 5%;background: #fff;margin-top: .7em;}
.compile_notice_content .textarea{padding: .7em 5%;background: #fff;margin-top: .7em;}
.compile_notice_content textarea{width: 100%;min-height: 8em;border: none;font-size: 1em;}
 textarea:-moz-placeholder { 
    color: #999999;  
}

 textarea::-moz-placeholder {
    color: #999999;
}

 textarea:-ms-input-placeholder
{
    color: #999999;
}

 textarea::-webkit-input-placeholder
 {
    color: #999999;
}

.details_tit{padding: .7em 5%;border-bottom:1px solid #dcdcdc; }
.details_tit h1{font-weight: bold;}
.details_tit p{font-size: .85em;color: #666;margin-top: .5em;}
.details_c {color: #666;margin-top: .7em;}


.establish_content .iconfont{text-align: center;font-size: 4em;margin: .5em 0}
.establish_content .input{text-align: center;width: 70%;margin: 0 auto;}
.establish_content .input input{border-bottom: 2px solid #33cccc;padding-bottom: .7em;text-align: center;}
.establish_content .input p{font-size: .8em;color: #999;margin-top: .7em;}

.l-audio img{width: 1em;height: 1em;float: right;}
.compilenestname_content input{text-align: right;}

.compilenestIntro_content .text{margin-top: .7em;padding: .7em 5%; border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background-color: #fff}
.compilenestIntro_content .text textarea{width: 90%;padding: .7em 5%;border: none;min-height: 7em}
.compilenestIntro_content .text p{font-size:.8em;text-align: right;color: #666;width: 90%;margin: .5em auto }

.adding_ways_content{margin-top: .7em;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background-color: #fff}
.adding_ways_content ul{padding: 0 5%;}
.adding_ways_content ul li{height: auto;overflow: hidden;}
.adding_ways_content ul li .tit{border-bottom:1px solid #dcdcdc; padding: .7em 0}
.adding_ways_content ul li  .tit.on{background-image: url(../images/dg.png);background-size:5%;background-repeat:no-repeat;background-position:right center;}
.adding_ways_content ul li .addingissue{color: #666}
.adding_ways_content ul li .addingissue .issue_tit{padding: .7em 0}
.adding_ways_content ul li .addingissue .input{padding-bottom: .7em;}
.adding_ways_content ul li .addingissue .input input{width: 100%}

.more_nestlist .icon{float: right;font-size: 2em;color: #dcdcdc;margin-top: .2em;}
.more_nestlist .icon span{float: left;}
.more_nestlist .icon .s{margin-top: .1em;margin-right: .5em;}

/* 搜索 */
.seekhead span.textl{width: 13%;}
.seekhead span.textr{width: 17%;}
.seekhead em{width: 64%;background: #fff;border-radius: .3em;padding: 0 3%;}
.seekhead em input{width:90%;padding-left: 10%;background-image: url(../images/seek.png);background-size: contain;background-repeat:no-repeat;background-position:left center;}

.herf{height: auto;overflow: hidden;}
.herf .title_c{margin-bottom: .5em;font-size: 0.8em;
overflow: hidden;color: #000;}
.herf  .adjunct{height:3.5em;overflow: hidden;color: #bec0c1;font-size: 0.8em;}
.herf  .adjunct .img{float: right;height: 3.5em;
width: 3.5em;background-size: cover;
 background-repeat: no-repeat;
 background-position: center;float: right;margin-left: .5em;}
.herf  .reply{color: #bec0c1;border-top: 1px solid #bec0c1;
margin-top: .5em;padding: .25em 0 ;min-width: 9em;font-size: 0.8em;
}
.herf  .topimg{background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 width: 1em;height: 1em;float: left;margin-right: .5em;
 }
 
.pb{margin-bottom: 3em;}